<div id="addHousekeepingFeeConfigRelModel" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <h3 class="m-t-none m-b ">添加</h3>
                <div class="ibox-content">

                    <div class="form-group row" v-if="addHousekeepingFeeConfigRelInfo.servId != ''">
                        <label class="col-sm-2 col-form-label">服务类型</label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="addHousekeepingFeeConfigRelInfo.hktId">
                                <option selected disabled value="">必填，请填写服务类型</option>
                                <option v-for="(item,index) in addHousekeepingFeeConfigRelInfo.housekeepingTypes"
                                    :value="item.hktId">
                                    {{item.hktName}}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">费用大类</label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="addHousekeepingFeeConfigRelInfo.feeTypeCd"
                                @change="_listRelAddHousekeepingFeeConfigs(addHousekeepingFeeConfigRelInfo.feeTypeCd)">
                                <option selected disabled value="">必填，请填写费用大类</option>
                                <option v-for="(item,index) in addHousekeepingFeeConfigRelInfo.housekeepingFeeTypes"
                                    :value="item.feeTypeCd">
                                    {{item.typeName}}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-sm-2 col-form-label">费用标准</label>
                        <div class="col-sm-10">
                            <select class="custom-select" v-model="addHousekeepingFeeConfigRelInfo.configId"
                                @change="setAddFeeName(addHousekeepingFeeConfigRelInfo.configId)">
                                <option selected disabled value="">必填，请填写费用标准</option>
                                <option v-for="(item,index) in addHousekeepingFeeConfigRelInfo.housekeepingFeeConfigs"
                                    :value="item.configId">
                                    {{item.feeName}}
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <button class="btn btn-primary float-right" type="button"
                            v-on:click="saveHousekeepingFeeConfigRelInfo()">
                            <i class="fa fa-check"></i>&nbsp;保存
                        </button>
                        <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                            data-dismiss="modal">
                            <i class="fa fa-close"></i>&nbsp;取消
                        </button>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>